<?php
    /*
        功能: 图片列表

        技术要点:
            通过header()设置对应的响应头信息
            header('Content-Disposition:attachment;filename=filename'); 
    */
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>图片下载</title>
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/style.css">
</head>
<body>

<?php
    //引入功能头部
    require_once 'header.php';
?>



<div class="container row main">

    <!-- <h1 class="text-center">
        图片下载
    </h1>

    <hr> -->

    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
        <img src="uploads/1.jpg" alt="...">
        <div class="caption">
            <p class="text-center">
                <a href="#" class="btn btn-success btn-sm" role="button">下载图片</a> 
                <a target='_blank' href="uploads/1.jpg" class="btn btn-warning btn-sm" role="button">查看原图</a> 
                <a href="#" class="btn btn-danger btn-sm" role="button">删除图片</a>
            </p>
        </div>
        </div>
    </div>

    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
        <img src="uploads/2.jpg" alt="...">
        <div class="caption">
            <p  class="text-center">
                <a href="#" class="btn btn-success btn-sm" role="button">下载图片</a> 
                <a target='_blank' href="uploads/2.jpg" class="btn btn-warning btn-sm" role="button">查看原图</a> 
                <a href="#" class="btn btn-danger btn-sm" role="button">删除图片</a>
            </p>
        </div>
        </div>
    </div>

    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
        <img src="uploads/3.jpg" alt="...">
        <div class="caption">
            <p  class="text-center">
                <a href="#" class="btn btn-success btn-sm" role="button">下载图片</a> 
                <a target='_blank' href="uploads/3.jpg" class="btn btn-warning btn-sm" role="button">查看原图</a> 
                <a href="#" class="btn btn-danger btn-sm" role="button">删除图片</a>
            </p>
        </div>
        </div>
    </div>

</div>


<?php
    //引入功能底部
    require_once 'footer.php';
?>

</body>
</html>